import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    todolist: {
      namespaced: true,// 添加命名空间访问要加命名todolist
      state: {// 存放数据
        taskList: [
          {msg: '今天不想学习',done: false},
          {msg: '明天不想学习',done: false},
          {msg: '后天不想学习',done: true},
          {msg: '完了鸭没救了',done: false}
        ]
      },
      mutations: {// 定义改变数据的方法
        addTask (state,data) {
          // 往数组头部放一个数据
          state.taskList.unshift({msg: data,done: false})
        },
        delTask (state,index) {
          // 删除数据
          state.taskList.splice(index,1)
        },
        togTask (state,index) {
          // 切换数据的状态
          state.taskList[index].done = !state.taskList[index].done
        }
      }
    } 
  }
})
